html,body,.contert{
					margin: 0;
					padding: 0;
					height: 100%;
					font-family: 微软雅黑, Helvetica, Arial, sans-serif;
					max-width: 640px;
    				min-width: 320px;
    				margin: 0 auto;
					}
					
					.contert{
						display:flex;
						flex-direction:column;
						flex-wrap：nowrap;
						}
					
					
					
					header{
						background: yellow;
						height:50px;
						background:#23CFC5 ;
						position: relative;
						}
						
					.top-log{
						width: 46%;
						height: 50px;
						/*margin-left:5px ;*/
						margin: 0 7% 0 1%;
						}
						
				
					
					.top-tan{
					    max-width: 3%;
					    max-height: 28px;
					    min-height: 22px;
					    min-width: 8%;
					    right: 10%;
					    top: 13px;
					   
					  	padding-left: 4px;
					    position: absolute;
					}	
					
					
					.top-user{
						max-width: 5%;
					    max-height: 28px;
					    min-width: 7%;
					    min-height: 24px;
					    top: 13px;
						right: 1%;
						position: absolute;
					}	
					
					.top-search{
						max-width: 100%;
						left: 46%;
						top: 12px;
						margin-right:2%;
					}
					
					
					
					header input{
						width: 70%;
						height: 30px;
						left: 46%;
						border-radius: 8px;
						border: 0;
						outline: none;
						line-height: 2em;
						font-size: 1.1em;
						margin-top: 4px;
					}	
					
					.inp-box{
						width: 32%;
					    height:38px;
					    top: 0px;
						position: absolute;
					    background: white;
					    left: 8px;
					    border-radius: 6px;
					    margin: 6px 20% 6px 46%;
					    z-index: 99;
					    }
					    
				
					header .top-search{
						width: 27px;
						height: 27px;
						margin-top: 4.5px;
						float: left;
						color: gray;
						}	
					
					.conte{
						height: 100%;
						overflow: auto;
						background: #DCDCDC;
						flex: 1;
						
						}
						
					.baner{
						flex: 1;
						margin-top: 1px;
					}
					
					
					.f{
						flex: 1;
						margin-top: 0px;
						background-color: white;
						}	
						
				
						
					.row{
						margin-left:0px;
						margin-right:0px;
						}	
						
						
						.a{
							height: 80px;
							border: 0px solid red;
							text-align: center;
							padding-top: 6px;
							position: relative;
							border: 0px solid blue;
							padding: 0 10px
						}
						
						.a img{
							width: 40px;
							height:40px;
							display: block;
							position:absolute ;
							left: 0;
							right: 0;
							margin: auto;
							top: 5px;
							/*text-align: center;*/
							/*margin-left:0px 5%;*/
						}
						
				
						
						.f span{
							width: 100%;
							font-size:12px;
							font-family:"微软雅黑";
							border: 0px solid blue;
							top: 52px;
							white-space: nowrap;
							display: block;
							margin: auto;
							position: absolute;
							left: 0;
							right: 0;
							padding:0px 2px;
							/*text-align: center;*/
						}
						
						.f2{
							display: flex;
							/*height: 86px;*/
							margin-top: 5px;
							background-color: white;
							margin: 10px 0px;
						}
						
						
						.f2t{
							flex: 1;
							/*height:86px;*/
							margin-left: 7px;
							border-radius:5px ;
							border: 0px solid blue;
						}	
							
					.f2t img{
							width: 100%;
							height: 100%;
						}
						
						
						.f3{
							display: flex;
							/*height: 86px;*/
							/*margin-top: 5px;*/
							background-color: white;
						}
						
						
						.f3t{
							flex: 1;
							border: 0px solid blue;
						}	
						
						
						
						.f3-left{
							    width: 57%;
    							margin: 2% 2% 0 8%;
    							float: left;
    							overflow: hidden;
    							/*font-size: 12px;*/
						}
						
						.f3-left h4{
							margin-bottom: 5px;
							font-size:1.1em;
							font-family: "微软雅黑";
						    font-weight: normal !important;
						    margin-top: 10px;
						    margin-bottom: 5px;
						    white-space: nowrap;
						}
						
						.f3-left p{
							    display: block;
							   	font-size:12px;
							    font-family: 微软雅黑, Helvetica, Arial, sans-serif;
							    overflow: hidden; /*自动隐藏文字*/
							    text-overflow:ellipsis;/*文字隐藏后添加省略号*/
							    white-space: nowrap;
							    padding-bottom: 5px;
							    margin-bottom: 8px;
							    margin-top: 0px;
							    color: gray;
						}
						
						
						.f3-rig{
							width: 30px;
							height: 30px;
							float: right;
							margin-right: 18px;
						}
						.f3-rig img{
							width: 100%;
							height: 100%;
							/*width: 60%;*/
    						margin-top: 6px;
						}
						
						
						.f4{
							display: flex;
							flex-direction:column;
							/*height: 86px;*/
							/*margin-bottom: 20px;*/
							background-color: white;
							border: 0px solid red;
							margin-bottom: 10px;
							position: relative;
						}
						
						
						.f4t{
							flex: 1;
							border: 0px solid blue;
							margin-top: 10px;
						}	
						
						.f4 img{
							width: 100%;
							height: 100%;
						}
						
						
						
						.f-box{
							margin:10px;
							
						}
						
						.f4-div1{
							width: 100%;
							/*font-size: 13px;*/
							background: white;
							font-size: 1em;
						    color: grey;
						    margin-top: 5px;
						    margin-bottom: 5px;
						    /*margin: 0 10px;*/
						    border: 0px solid red;
						    
						}
						
						
						
						
						.f4-div2 {
							width: 100%;
							font-size: 1.2em;
							text-overflow: -o-ellipsis-lastline;
							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
							margin-bottom: 4px;
						}
						
					
						
						.f4-div3{
							width: 100%;
							background: white;
							font-size: 1em;
						    color: grey;
						    border: 0px solid red;
						    font-size:12px;
						}
						
						.baner-list{
							flex:1 ;
							height: 100%;
						}
						
						
						.f4 span{
							display: inline-block;
						    padding: 0 2.5px;
						    border-radius: 3px;
						    height: 23px;
						    line-height: 20px;
						    margin-bottom: 1%;
							
							}
						
					.f4-div3 span:first-child{
							border: 1px solid #54cdc2;
							color: #54cdc2;
							padding: 0 2px;
						}
					.f4-div3 span:nth-child(2){
							border: 1px solid #49a5ff;
							color: #49a5ff;
							padding: 0 2px;
						}
					.f4-div3 span:nth-child(3){
							border: 1px solid #fe6d94;
							color: #fe6d94;
							padding: 0 2px;
						}
					.f4-div3 span:nth-child(4){
							border: 1px solid #fe7f0e;
							color: #fe7f0e;
							padding: 0 2px;
						}
						
						
					.lis-time{
						    position: absolute;
						    top: 9px;
						    left: 14px;
						    background: rgba(0,0,0,.7);
						    border-radius:30px;
						    color:#fff;
						    font-size:12px;
						    /*padding:3px 15px;*/
						    padding-top: 3px;
						    padding-bottom: 18px;
						    padding-left: 15px;
						    padding-right: 15px;
						    display: block;
					}
					
					
					footer{
						background: #F4F4F4;
						height: 55px;
						display: flex;
						border: 1px solid darkgray;
						border-left: none;
						border-right: none;
						text-align: center;
						position: relative;
						}
						
						footer>div{
							flex: 1;
							border: 0px solid red;
							font-size: 12px;
							color: gray;
							font-family: "微软雅黑";
						}
						
					footer img{
						width: 24px;
						height: 24px;
						margin-top: 5px;
					}
					
					a:link{
							text-decoration:none;
							color: gray;
							}
						
					
					
					.con-red{
						width: 100%;
						height: 100%;
					}	
					
					.con-top{
						margin-top:10px;
						margin-bottom:10px;
					}
					
					.ban-img img{
						width: 26px;
						height: 26px;
						margin-top: 12px;
					}
					
					.ban-botom{
						 margin-bottom: 10px;
					}
				
				
					
					.fot-tex1{
								width: 100%;
								color: #6f6f6f;
								font-size: 1em;
							    color: grey;
							    margin-top: 5px;
							    margin-bottom: 5px;
							    /*margin: 0 10px;*/
							    border: 0px solid red;
							    text-align: center;
							    
							}
							
					.fot-tex2 {
								width: 100%;
								font-size: 0.7em;
								color: #6f6f6f;
								margin-bottom: 4px;
								text-align: center;
							}
							
					.mrgin-footer{
						margin: 5% 0 7% 0;
					}
				
					.phone{
						height: 24px;
						/*line-height: 24px;*/
						font-family: "微软雅黑";
						margin-bottom: 0px;
						border: 0px solid red;
						margin-top: 0px;
						color: gray;
						}
				
				
					.footer-phone{
					  	 	 	width: 60px;
							    height: 60px;
							    margin-top: -32px;
							    border-radius: 50%;
							    border: 8px solid #f4f4f4 ;
						
							    /* box-shadow: 0px 0px 1px rgba(100,100,100,.9); */
							    box-shadow: -1px 0 1px #fff, 
							    /*左边阴影*/ 0px 0 5px #fff,
							    /*右边阴影*/ 0 -1px 1px rgba(100,100,100,.9), 
							    /*顶部阴影*/ 0 10px 5px #fff;
							    z-index: 100;
							    position：absolute;
							}
					.fot-p{height: 80px width:80px;;position: absolute;left:0;top:0;bottom: 0;right: 0;; margin: auto;}
							
					.ft1,.ft2,.ft3,.ft4,.ft5{
							z-index: 100;
							}
							
					#form_top{
							bottom:80px;
							right:5px;
							position:fixed;
							z-index: 100;
							background: url(../../img/top-icon.png);
							background-size: 100% ;
					}  
					
					.top_img{  
					    width: 43px;  
					    height:43px;  
					    border: 0px solid red;
					    display: none;
					}